#top
{
	width:950px;
	padding:0 25px;
	height:212px;
	margin:auto;
}
#reseaux_sociaux
{
	width:60px;
	height:82px;
	float:left;
}
#reseaux_sociaux a
{
	width:37px;
	height:44px;
	display:block;
}
#fb
{
	background:url(../images/accueil/picto_reseaux.png) -5px -5px no-repeat;
}
#tweet
{
	margin-left: 20px;
    margin-top: -7px;
	background:url(../images/accueil/picto_reseaux.png) -99px -5px no-repeat;
}
#fb:hover
{
	background:url(../images/accueil/picto_reseaux.png) -52px -5px no-repeat;
}
#tweet:hover
{
	background:url(../images/accueil/picto_reseaux.png) -146px -5px no-repeat;
}
#logo_accueil
{
	margin-left:222px; /* la largeur en partant du bord gauche */
}
#contenus
{
	width:966px;
	padding:0 16px 0 25px;
	margin:auto;
	margin-bottom:5px;
}
/* PARTIE DU HAUT */
#contenus_h
{
	height:330px;
	width:100%;
}
#contenus_h_g
{
	float:left;
}
.boites
{
	height:330px;
	width:290px;
	background:url(../images/accueil/images_accueil.png) no-repeat;
}
.actus
{
	height:330px;
	width:314px;
	cursor:pointer;
	background:url(../images/accueil/images_actualites.png) no-repeat;
	background-position: -5px -5px;
}
.actus:hover
{
	background-position: -329px -5px;
}
#decouvrir_phw
{
	float:left;
        background:url(../images/accueil/travaux_univers.png) no-repeat;
	/*background-position: -603px -5px; TODO temporaire, en travaux.
	cursor:pointer;
}
#decouvrir_phw:hover
{
	background-position: -5px -344px;*/
}
#actu1
{
	margin-left:314px; /* 290px la taille de la boite + 24 px de margin */
}
#video_phw
{
	margin-left:676px;
	background:url(../images/accueil/travaux_video.png) no-repeat;
	/*background-position: -902px -5px; TODO temporaire, en travaux.
	cursor:pointer;
}
#video_phw:hover
{
	background-position: -902px -344px;*/
}
/* PARTIE DU MILIEU */
#contenus_m
{
	height:330px;
	width:100%;
	margin-top:-40px;
}
#boutique_phw
{
	float:left;
	margin-left:170px;
	margin-top:-40px;
	background:url(../images/accueil/travaux_boutique.png) no-repeat;
	/*background-position: -5px -5px; TODO temporaire, en travaux.
	cursor:pointer;
}
#boutique_phw:hover
{
	background-position: -304px -5px;*/
}
#actu2
{
	margin-left:483px;
}
/* PARTIE DU BAS */
#contenus_b
{
	height:330px;
	width:100%;
	margin-top:-40px;
}
#images_phw
{
	background:url(../images/accueil/travaux_5images.png) no-repeat;
	/*background-position: -304px -344px; TODO temporaire, en travaux.
	cursor:pointer;
}
#images_phw:hover
{
	background-position: -603px -344px;*/
}
#actu3
{
	float:right;
}
/* ACTUALITES */
.entete_actu
{
	width:100%;
	height:34px;
	padding-top:90px;
}
.entete_actu h2, .entete_actu p
{
	display:inline-block;
	line-height:34px;
	font-size:14px;
}
.entete_actu p
{
	width:82px;
	text-align:center;
	color:#f0f9ef;
	font-weight:bold;
}
.entete_actu h2
{
	text-transform: uppercase;
	width:205px;
	color:#bd2c04;
	margin-left:12px;
}
.contenu_actu
{
	font-size:12px;
	line-height:18px;
	margin-top:12px;
	padding:0 30px 0 50px;
	height:90px;
	overflow:hidden; 
}
.lien_actu
{
	text-decoration:none;
	color:#000000;
}
.cache_fin_actu
{
	background:url(../images/accueil/cache_fin_new.png); 
	position:relative;
	top:0px; /*85px;*/ 
	left:41px; 
	height:100px;/*25px;*/ 
	width:247px;
}
.en_savoir_plus
{
	display:block;
	background:blue;
	width:282px;
	height:70px;
	background:url(../images/accueil/en_savoir_plus.png) center top no-repeat;
	margin-left:25px; /* centrer sur le bloc beige */
	margin-top:24px;
}
#btn_actu1
{
	float:left;
	height:70px;
	width:60px;
	margin-top:-7px;
	margin-left:24px;
	cursor:pointer;
	background:url(../images/accueil/fleches_actu.png) -48px 7px no-repeat;
}
#btn_actu1:hover
{
	background:url(../images/accueil/fleches_actu.png) 6px 7px no-repeat;
}
#btn_actu2
{
	/*height:38px;
	width:34px;*/
	height:56px;
	width:46px;
	position:relative; 
	top:-55px;
	left:920px;
	z-index:3000;
	cursor:pointer;
	background:url(../images/accueil/fleches_actu.png) -177px -5px no-repeat;
}

#btn_actu2:hover
{
	background:url(../images/accueil/fleches_actu.png) -123px -5px no-repeat;
}